$(function  () {
	var isShow = 0;

	$('.header .header_mid .nav .menu a').hover(function() {
		isShow =1;
		x = $(this).index();
		setTimeout(function() {show_down(x)}, 200);
	}, function() {
		isShow =0;
		setTimeout(show_up, 200);
	});

	$('.menu_show').hover(function() {
		isShow =1;
		// $(this).show();
	}, function() {
		isShow =0;
		setTimeout(show_up, 1000);
	});

	function show_up () {
		if(isShow==0){
			$('.menu_show').stop().slideUp();
		}
	}
	function show_down (num) {
		if(isShow=1){
			
			$('.menu_show').stop().slideDown().find('.menu_show_list').eq(num).show().siblings().hide();
		}
	}

	//通过关系找要操作的元素，并且传位移值
	function run (chick_obj,left) {
		//当前对象的兄弟LIST自定义动画位移
		chick_obj.siblings('.list').animate({
			left: left+'px'},100);
	}

	//点击左边
	$('.content .content_mid  .chick_left').click(function  () {
		var obj = $(this);
		//获取原来的left值 
		var left = obj.siblings('.list').position().left;
		// 判断走到临界点
		if(left>=0){
			return;
		}
	    left +=292;
		run(obj,left)
	})
	//点击右边
	$('.content .content_mid  .chick_right').click(function  () {
		var obj = $(this);
		//获取原来的left值 
		var left = obj.siblings('.list').position().left;
		// alert(left);
		//判断临界点
		if(left <= -875){
			return;
		}
	    left -=292;
		run(obj,left)
	})

	//点击下面的圆点
	$('.content .content_mid  .chick_list li').click(function(event) {
		//让当前的圆点变红，兄弟变成黄色
		$(this).css('background', 'red').siblings().css('background', 'yellow');
		//获取父级
		var obj = $(this).parent();
		//获取索引
		var index = $(this).index();
		//计算位移量
		var left = index*-292;

		run(obj,left)
	});

	
})